import React, {Component} from 'react';
import {NavLink} from 'react-router-dom';
import '../../assets/css/homeRouteTab.scss';

class HomeRouteTab extends Component {
	render() {
		return (
			<div className="home-route-tab">

				<ul className="home-route-container">
					<li className="home-route-menu">
						<div>
							<NavLink to="/" exact>
								<i className="fa fa-bar-chart-o"/>
								<span>首页</span>
							</NavLink></div>
					</li>
					<li className="home-route-menu">
						<div>
							<NavLink to="/product">
								<i className="fa fa-list"/>
								<span>商品</span>
								<i className="fa fa-angle-down"/>
							</NavLink>
						</div>
						<ol>
							<li>
								<NavLink to="/product">商品管理</NavLink>
							</li>
							<li>
								<NavLink to="/product-category">品类管理</NavLink>
							</li>
						</ol>
					</li>
					<li className="home-route-menu">
						<div>
							<NavLink to="/order">
								<i className="fa fa-check-square-o fa-fw"/>
								<span>订单</span>
								<i className="fa fa-angle-down"/>
							</NavLink>
						</div>
						<ol>
							<li>
								<NavLink to="/order">订单管理</NavLink>
							</li>
						</ol>
					</li>
					<li className="home-route-menu">
						<div>
							<NavLink to="/user">
								<i className="fa fa-user-o fa-fw"/>
								<span>用户</span>
							</NavLink>
						</div>
						<ol>
							<li>
								<NavLink to="/user">用户列表</NavLink>
							</li>
						</ol>
					</li>
				</ul>
			</div>
		);
	}
}

export default HomeRouteTab;